<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>事件：change</title>
	</head>
	<body>
		<!-- 当元素更改完成时，将触发 change 事件。 -->

		<!-- 对于输入框，change 事件会在用户输入完成后触发（光标离开输入框） -->
		<input type="text" onchange="alert(this.value)" />

		<hr />

		<!-- 对于其他元素，例如：select，input type="checkbox/radio" 会在选项更改后立即触发 change 事件 -->
		<select onchange="alert(this.value)">
			<option value="">Select something</option>
			<option value="1">Option 1</option>
			<option value="2">Option 2</option>
			<option value="3">Option 3</option>
		</select>
	</body>
</html>
